<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     class="reftest-wait"  shape-rendering="crispEdges">
  <g fill="blue" stroke="red" stroke-width="10" transform="translate(10 10)">
    <!-- Squares -->
    <rect x="0" width="40" height="40"/>
    <rect x="60" width="40" height="40">
      <set attributeName="rx" to="0"/>
    </rect>
    <rect x="120" width="40" height="40" rx="20">
      <set attributeName="rx" to="0"/>
    </rect>
    <rect x="180" width="40" height="40" rx="20" ry="20">
      <set attributeName="rx" to="0"/>
      <set attributeName="ry" to="0"/>
    </rect>

    <!-- rx=0 ry=20 -->
    <rect x="0" y="60" width="40" height="40" rx="0" ry="20"/>
    <rect x="60" y="60" width="40" height="40" ry="20">
      <set attributeName="rx" to="0"/>
    </rect>
    <rect x="120" y="60" width="40" height="40" rx="20" ry="20">
      <set attributeName="rx" to="0"/>
    </rect>
    <rect x="180" y="60" width="40" height="40">
      <set attributeName="rx" to="0"/>
      <set attributeName="ry" to="20"/>
    </rect>
    <rect x="240" y="60" width="40" height="40" id="a">
      <set attributeName="ry" to="20"/>
      <!-- rx.baseVal will be set to 0 by script -->
    </rect>

    <!-- rx=20 (hence ry=20) -->
    <rect x="0" y="120" width="40" height="40" rx="20"/>
    <rect x="60" y="120" width="40" height="40">
      <set attributeName="rx" to="20"/>
    </rect>
    <rect x="120" y="120" width="40" height="40" rx="0">
      <set attributeName="rx" to="20"/>
    </rect>
    <rect x="180" y="120" width="40" height="40" rx="10">
      <set attributeName="rx" to="20"/>
    </rect>
    <rect x="240" y="120" width="40" height="40" ry="0" id="b">
      <set attributeName="rx" to="20"/>
      <!-- ry attribute will be removed by script -->
    </rect>
    <!-- rx.baseVal attribute will be set by script -->
    <rect x="300" y="120" width="40" height="40" id="c"/>
  </g>
  <script xlink:href="smil-util.js" type="text/javascript"/>
  <script type="text/javascript">
    document.getElementById('a').rx.baseVal.value = 0;
    document.getElementById('b').removeAttribute('ry');
    document.getElementById('c').rx.baseVal.value = 20;
    // We can get very minor rendering differences on Windows due to the
    // presence of animation in the document, even on un-animated content.
    // This is most likely due to interaction with layers so we forcibly seek
    // the animation timeline to try to produce a steady state for snapshot.
    setTimeAndSnapshot(0.0, true);
  </script>
</svg>
